// import ScrollLoadSelect from "../../../modules/components/EnhancedInput/ScrollLoadSelect";
// import PhEnhanced from "../../../modules/components/EnhancedInput";
import List from "./list";
import { useState } from "react";
const list = Array.from({ length: 35 }).map((_, index) => {
  return { label: `${index}`, value: index };
});

export default function () {
  // const actionRef = useRef<ActionType>();
  // const navigate = useNavigate();

  const [disabledValues, setDisabledValues] = useState<any[]>([]);

  return (
    <>
      <List />
      {/* <PhEnhanced.Cascader />
      <PhEnhanced.Select /> */}
      <div onClick={() => setDisabledValues((pre) => [...pre, pre.length + 1])}>
        禁用
      </div>
      {/* <ScrollLoadSelect
        style={{ width: 200 }}
        searchName="test"
        mode="multiple"
        allowClear
        disabledValues={disabledValues}
        request={({ size, page, ...rest }) => {
          console.log("rest:", rest);
          return new Promise((resolve) => {
            setTimeout(() => {
              resolve({
                total: list.length,
                records: list.slice((page - 1) * size, page * size),
              });
            }, 800);
          });
        }}
      /> */}
    </>
  );
}
